/**
 * 学习目标：创建组件-函数式组件
 */
import React from 'react';
import ReactDOM from 'react-dom';

// 1. 💥组件名称必须大写开头
function Hello() {
  // 2. 必须有返回值,表示渲染一段JSX, 如果不渲染任何内容, 返回null
  return null;
  // return <h1>Hello React</h1>;
}

// 普通函数
function hello() {
  return <h2>Hello React</h2>;
}

const divNode = (
  <div>
    {hello()}
    下方是一个组件
    {/* 3. 💥React组件对大小写敏感  */}
    <Hello></Hello>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
